<template>
    <div class="common-footer">
        <t-head-menu default-value="2-1" expand-type="popup">
            <template #logo>
                <img class="w-[170px]" height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
            </template>
            <t-submenu value="1">
                <template #title>
                    <span>零售</span>
                </template>
                <t-submenu value="1-0" title="子菜单1-1">
                    <t-menu-item value="1-1-1"> 子菜单1-1-1 </t-menu-item>
                    <t-menu-item value="1-1-3"> 子菜单1-1-3 </t-menu-item>
                    <t-menu-item value="1-1-2"> 子菜单1-1-2 </t-menu-item>
                    <t-menu-item value="1-1-4"> 子菜单1-1-4 </t-menu-item>
                    <t-menu-item value="1-1-5"> 子菜单1-1-5 </t-menu-item>
                    <t-menu-item value="1-1-6"> 子菜单1-1-6 </t-menu-item>
                    <t-menu-item value="1-1-7"> 子菜单1-1-7 </t-menu-item>
                    <t-menu-item value="1-1-8"> 子菜单1-1-8 </t-menu-item>
                    <t-menu-item value="1-1-9"> 子菜单1-1-9 </t-menu-item>
                    <t-submenu value="1-1-10" title="子菜单1-10">
                        <t-menu-item value="1-1-10-1"> 子菜单1-1-10-1 </t-menu-item>
                        <t-menu-item value="1-1-10-3"> 子菜单1-1-10-3 </t-menu-item>
                        <t-menu-item value="1-1-10-2"> 子菜单1-1-10-2 </t-menu-item>
                        <t-menu-item value="1-1-10-4"> 子菜单1-1-10-4 </t-menu-item>
                        <t-menu-item value="1-1-10-5"> 子菜单1-1-10-5 </t-menu-item>
                        <t-menu-item value="1-1-10-6"> 子菜单1-1-10-6 </t-menu-item>
                        <t-menu-item value="1-1-10-7"> 子菜单1-1-10-7 </t-menu-item>
                        <t-menu-item value="1-1-10-8"> 子菜单1-1-10-8 </t-menu-item>
                        <t-menu-item value="1-1-10-9"> 子菜单1-1-10-9 </t-menu-item>
                    </t-submenu>
                </t-submenu>
                <t-menu-item value="1-2"> 子菜单1-2 </t-menu-item>
                <t-menu-item value="1-3"> 子菜单1-3 </t-menu-item>
                <t-menu-item value="1-4"> 子菜单1-4 </t-menu-item>
                <t-submenu value="1-5" title="子菜单1-5">
                    <t-menu-item value="1-5-1"> 子菜单1-5-1 </t-menu-item>
                    <t-menu-item value="1-5-2"> 子菜单1-5-2 </t-menu-item>
                    <t-menu-item value="1-5-3"> 子菜单1-5-3 </t-menu-item>
                    <t-menu-item value="1-5-4"> 子菜单1-5-4 </t-menu-item>
                    <t-menu-item value="1-5-5"> 子菜单1-5-5 </t-menu-item>
                    <t-menu-item value="1-5-6"> 子菜单1-5-6 </t-menu-item>
                    <t-menu-item value="1-5-7"> 子菜单1-5-7 </t-menu-item>
                    <t-menu-item value="1-5-8"> 子菜单1-5-8 </t-menu-item>
                    <t-menu-item value="1-5-9"> 子菜单1-5-9 </t-menu-item>
                    <t-menu-item value="1-5-10"> 子菜单1-5-10 </t-menu-item>
                </t-submenu>
            </t-submenu>
            <t-submenu value="2" title="预售">
                <t-menu-item value="2-1"> 子菜单2-1 </t-menu-item>
                <t-menu-item value="2-2"> 子菜单2-2 </t-menu-item>
                <t-menu-item value="2-3"> 子菜单2-3 </t-menu-item>
            </t-submenu>
            <template #operations>
                <t-button variant="text" shape="square">
                    <template #icon><t-icon name="search" /></template>
                </t-button>
                <t-button variant="text" shape="square">
                    <template #icon><t-icon name="mail" /></template>
                </t-button>
                <t-button variant="text" shape="square">
                    <template #icon><t-icon name="user" /></template>
                </t-button>
                <t-button variant="text" shape="square">
                    <template #icon><t-icon name="ellipsis" /></template>
                </t-button>
            </template>
        </t-head-menu>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped></style>